/* =====================================================
   MARKALAR
===================================================== */

.brand-section{
    width:100%;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:80px;
    padding:100px 0;
}

/* LOGO GRID */

.brand-cards{
    width:100%;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:60px;
}

/* TAM KARE KART */

.brand-card{
    width:100%;
    aspect-ratio:1/1;
    background:#fff;
    border-radius:35px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:30px;
    text-decoration:none;

    box-shadow:0 20px 40px rgba(0,0,0,.12);
    transition:.3s ease;
}

.brand-card:hover{
    transform:translateY(-8px);
    box-shadow:0 30px 60px rgba(0,0,0,.18);
}


/* SAĞ OK */

.side-arrow{
    width:240px;
    height:90px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:linear-gradient(135deg,#6d84dc,#6c3ad8);
    color:#fff;
    font-weight:700;
    font-size:20px;

    clip-path:polygon(0 50%,18% 0,100% 0,100% 100%,18% 100%);
}
/* MARKALAR GRID */

.brand-cards{
display:grid;
grid-template-columns:repeat(4,220px);
justify-content:center;
gap:50px;
}

/* MARKA KARTI TAM KARE */

.brand-card{
width:220px;
height:220px;
background:#fff;
border-radius:35px;

display:flex;
align-items:center;
justify-content:center;

padding:30px;

box-shadow:0 20px 40px rgba(0,0,0,.12);
transition:.3s;
}

.brand-card:hover{
transform:translateY(-8px);
box-shadow:0 25px 55px rgba(0,0,0,.18);
}

/* MARKALAR GRID */

.brand-cards{
display:grid;
grid-template-columns:repeat(4,260px);
justify-content:center;
gap:70px;
}

/* MARKA KARTI */

.brand-card{
width:260px;
height:260px;
background:#fff;
border-radius:40px;

display:flex;
align-items:center;
justify-content:center;

padding:35px;

box-shadow:0 25px 55px rgba(0,0,0,.12);
transition:.35s;
}

.brand-card:hover{
transform:translateY(-10px);
box-shadow:0 35px 70px rgba(0,0,0,.18);
}


.brand-card img{
width:130%;
max-width:none;
height:auto;
object-fit:contain;
}